.clr-picker {
  width: 240px;
}

.clr-picker.clr-pill {
  width: 420px;
}

.field .clr-field {
	display: block;
}

.clr-field button {
	height: 95%;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-right: 1px;
}

.clr-field.clr-rtl button {
	right: unset;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.ui-float-label .clr-field.clr-rtl+label {
	left: unset;
	margin-left: unset;
	margin-right: .5rem;
	right: 0;
}

.clr-field button.ui-state-error {
	border-width: 1px;
	border-style: solid;
}

.thumbnail .clr-field button {
    width: 100%;
    height: 100%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
